<div class="tab-title">
	<ul>
		<li id="one1" onmousedown="setContentTab('one',1,7)" class="cur">图片切换</li>
		<li id="one2" onmousedown="setContentTab('one',2,7)">图文导航</li>
		<li id="one3" onmousedown="setContentTab('one',3,7)">图文列表</li>
		<li id="one4" onmousedown="setContentTab('one',4,7)">详细内容</li>
		<li id="one5" onmousedown="setContentTab('one',5,7)">分页样式</li>
		<li id="one6" onmousedown="setContentTab('one',6,7)">其它模块</li>
		<li id="one7" onmousedown="setContentTab('one',7,7)">我的中间模块</li>
	</ul>
</div>

<div class="tab-con" id="con_one_1" style="display:block;">
	<div class="modulebox">
		<ul></ul>
		<div class="clear"></div>
		<div class="pagination_div"></div>
	</div>
</div>

<script type="text/javascript">
MyPagination.init({
	renderer: '#con_one_1 .pagination_div',
	ajaxOpts: {
		url: '/module-list/category-id-3/page-1-count-10',
		type: 'get',
		dataType: 'json',
		params: {}
	},
	handleOpts: {
		// 数据获取之后的操作
		formatValues: function(data) {
			var listEls = $('#con_one_1 .modulebox > ul');
			listEls.empty(); // 清空
			$.each(data, function(index, value) {
				var innerHmtl = 
					'<li>'+
						'<div class="p-pic"><img src="' + value.pic + '" /></div>'+
						'<div class="p-text">'+
							'<h3>' + value.ower + '</h3>'+
							'<div class="p-btn">'+
								'<a class="bluebtn" href="#">添加应用</a><a target="_blank" class="btn-ok" href="#">查看效果</a>'+
							'</div>'+
						'</div>'+
					'</li>';
				listEls.append(innerHmtl);
			});
		}
	},
	pageOpts: {
		num_edge_entries: 3, // 前后显示的个数
		num_display_entries: 3, // 显示数
		items_per_page: 2 // 每页显示多少条
	}
});
</script>

<div class="tab-con" id="con_one_2" style="display:none;">
	<div class="modulebox">
		<ul></ul>
		<div class="clear"></div>
		<div class="pagination_div"></div>
	</div>
</div>

<script type="text/javascript">
MyPagination.init({
	renderer: '#con_one_2 .pagination_div',
	ajaxOpts: {
		url: '/module-list/category-id-4/page-1-count-10',
		type: 'get',
		dataType: 'json',
		params: {}
	},
	handleOpts: {
		// 数据获取之后的操作
		formatValues: function(data) {
			var listEls = $('#con_one_2 .modulebox > ul');
			listEls.empty(); // 清空
			$.each(data, function(index, value) {
				var innerHmtl = 
					'<li>'+
						'<div class="p-pic"><img src="' + value.pic + '" /></div>'+
						'<div class="p-text">'+
							'<h3>' + value.ower + '</h3>'+
							'<div class="p-btn">'+
								'<a class="bluebtn" href="#">添加应用</a><a target="_blank" class="btn-ok" href="#">查看效果</a>'+
							'</div>'+
						'</div>'+
					'</li>';
				listEls.append(innerHmtl);
			});
		}
	},
	pageOpts: {
		num_edge_entries: 3, // 前后显示的个数
		num_display_entries: 3, // 显示数
		items_per_page: 2 // 每页显示多少条
	}
});
</script>

<div class="tab-con" id="con_one_3" style="display:none;">
	<div class="modulebox">
		<ul></ul>
		<div class="clear"></div>
		<div class="pagination_div"></div>
	</div>
</div>

<script type="text/javascript">
MyPagination.init({
	renderer: '#con_one_3 .pagination_div',
	ajaxOpts: {
		url: '/module-list/category-id-5/page-1-count-10',
		type: 'get',
		dataType: 'json',
		params: {}
	},
	handleOpts: {
		// 数据获取之后的操作
		formatValues: function(data) {
			var listEls = $('#con_one_3 .modulebox > ul');
			listEls.empty(); // 清空
			$.each(data, function(index, value) {
				var innerHmtl = 
					'<li>'+
						'<div class="p-pic"><img src="' + value.pic + '" /></div>'+
						'<div class="p-text">'+
							'<h3>' + value.ower + '</h3>'+
							'<div class="p-btn">'+
								'<a class="bluebtn" href="#">添加应用</a><a target="_blank" class="btn-ok" href="#">查看效果</a>'+
							'</div>'+
						'</div>'+
					'</li>';
				listEls.append(innerHmtl);
			});
		}
	},
	pageOpts: {
		num_edge_entries: 3, // 前后显示的个数
		num_display_entries: 3, // 显示数
		items_per_page: 2 // 每页显示多少条
	}
});
</script>

<div class="tab-con" id="con_one_4" style="display:none;">
	<div class="modulebox">
		<ul></ul>
		<div class="clear"></div>
		<div class="pagination_div"></div>
	</div>
</div>

<script type="text/javascript">
MyPagination.init({
	renderer: '#con_one_4 .pagination_div',
	ajaxOpts: {
		url: '/module-list/category-id-6/page-1-count-10',
		type: 'get',
		dataType: 'json',
		params: {}
	},
	handleOpts: {
		// 数据获取之后的操作
		formatValues: function(data) {
			var listEls = $('#con_one_4 .modulebox > ul');
			listEls.empty(); // 清空
			$.each(data, function(index, value) {
				var innerHmtl = 
					'<li>'+
						'<div class="p-pic"><img src="' + value.pic + '" /></div>'+
						'<div class="p-text">'+
							'<h3>' + value.ower + '</h3>'+
							'<div class="p-btn">'+
								'<a class="bluebtn" href="#">添加应用</a><a target="_blank" class="btn-ok" href="#">查看效果</a>'+
							'</div>'+
						'</div>'+
					'</li>';
				listEls.append(innerHmtl);
			});
		}
	},
	pageOpts: {
		num_edge_entries: 3, // 前后显示的个数
		num_display_entries: 3, // 显示数
		items_per_page: 2 // 每页显示多少条
	}
});
</script>

<div class="tab-con" id="con_one_5" style="display:none;">
	<div class="modulebox">
		<ul></ul>
		<div class="clear"></div>
		<div class="pagination_div"></div>
	</div>
</div>

<script type="text/javascript">
MyPagination.init({
	renderer: '#con_one_5 .pagination_div',
	ajaxOpts: {
		url: '/module-list/category-id-8/page-1-count-10',
		type: 'get',
		dataType: 'json',
		params: {}
	},
	handleOpts: {
		// 数据获取之后的操作
		formatValues: function(data) {
			var listEls = $('#con_one_5 .modulebox > ul');
			listEls.empty(); // 清空
			$.each(data, function(index, value) {
				var innerHmtl = 
					'<li>'+
						'<div class="p-pic"><img src="' + value.pic + '" /></div>'+
						'<div class="p-text">'+
							'<h3>' + value.ower + '</h3>'+
							'<div class="p-btn">'+
								'<a class="bluebtn" href="#">添加应用</a><a target="_blank" class="btn-ok" href="#">查看效果</a>'+
							'</div>'+
						'</div>'+
					'</li>';
				listEls.append(innerHmtl);
			});
		}
	},
	pageOpts: {
		num_edge_entries: 3, // 前后显示的个数
		num_display_entries: 3, // 显示数
		items_per_page: 2 // 每页显示多少条
	}
});
</script>

<div class="tab-con" id="con_one_6" style="display:none;">
	<div class="modulebox">
		<ul></ul>
		<div class="clear"></div>
		<div class="pagination_div"></div>
	</div>
</div>

<script type="text/javascript">
MyPagination.init({
	renderer: '#con_one_6 .pagination_div',
	ajaxOpts: {
		url: '/module-list/category-id-9/page-1-count-10',
		type: 'get',
		dataType: 'json',
		params: {}
	},
	handleOpts: {
		// 数据获取之后的操作
		formatValues: function(data) {
			var listEls = $('#con_one_6 .modulebox > ul');
			listEls.empty(); // 清空
			$.each(data, function(index, value) {
				var innerHmtl = 
					'<li>'+
						'<div class="p-pic"><img src="' + value.pic + '" /></div>'+
						'<div class="p-text">'+
							'<h3>' + value.ower + '</h3>'+
							'<div class="p-btn">'+
								'<a class="bluebtn" href="#">添加应用</a><a target="_blank" class="btn-ok" href="#">查看效果</a>'+
							'</div>'+
						'</div>'+
					'</li>';
				listEls.append(innerHmtl);
			});
		}
	},
	pageOpts: {
		num_edge_entries: 3, // 前后显示的个数
		num_display_entries: 3, // 显示数
		items_per_page: 2 // 每页显示多少条
	}
});
</script>

<div class="tab-con" id="con_one_7" style="display:none;">8</div>